<!DOCTYPE html>
<html>
<head>
  <title><%= productName %></title>

  <meta charset="utf-8">
  <meta name="description" content="<%= productDescription %>">
  <meta name="format-detection" content="telephone=no">
  <meta name="msapplication-tap-highlight" content="no">
  <meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width<% if (ctx.mode.cordova || ctx.mode.capacitor) { %>, viewport-fit=cover<% } %>">

  <link rel="manifest" href="manifest.json" >
  <link rel="icon" type="image/png" href="icons/favicon_gns_logo_128x128.png">
  <link rel="icon" type="image/png" href="icons/favicon_gns_logo_96x96.png">
  <link rel="icon" type="image/png" href="icons/favicon_gns_logo_32x32.png">
  <link rel="icon" type="image/png" href="icons/favicon_gns_logo_16x16.png">
  <link rel="icon" type="image/ico" href="favicon_gns.ico">

</head>

<body>
  <!-- DO NOT touch the following DIV -->
  <div id="q-app"></div>

  <!-- fixed-bottom -->
  <div class="footer">
    <span id="sys_ver">v3.9.8</span>
    <span id="date"></span>
    <span id="time"></span>
  </div>

</body>
<script>
  // --------------------System Date & Time--------------------
  // Current Time
  function checkTime(i) {
    return (i < 10) ? "0" + i : i;
  }

  // Date
  function getDate() {
    const dt = new Date();
    let d = checkTime(dt.getDate());
    let m = dt.getMonth() + 1;
    m = checkTime(m);
    let y = checkTime(dt.getFullYear());

    // let date = d + "." + m + "." + y;
    let date = y + "." + m + "." + d;
    document.getElementById('date').innerHTML = date;
  }

  // getDate();

  function startTime() {
    var today = new Date(),
      h = checkTime(today.getHours()),
      m = checkTime(today.getMinutes()),
      s = checkTime(today.getSeconds());
    document.getElementById('time').innerHTML = h + ":" + m;
    // document.getElementById('time').innerHTML = h + ":" + m + ":" + s;
    t = setTimeout(function () {
      startTime()
    }, 500);
  }

  // startTime();
</script>

</html>